{% extends "layout.html" %}                #通过这句话，来进行继承挂钩，和主体base.html进行链接
{% block content %}
	<!-- <script
	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD1uITbAgBZTXJ7e1SZdt6IEBgAEL_jDf8&sensor=false">
	</script> -->
	<!-- <script
	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDJW4jsPlNKgv6jFm3B5Edp5ywgdqLWdmc&sensor=false">
	</script> -->
	<script>
		// var myCenter = new google.maps.LatLng(43.8417684000,-79.3968244000);
		// function initialize()
		// {	
		// 	var mapProp = {
		// 	  center: myCenter,
		// 	  zoom:16,
		// 	  mapTypeId:google.maps.MapTypeId.ROADMAP
		// 	  };
		// 	var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
		// 	var marker=new google.maps.Marker({
		// 	  position:myCenter,
		// 	});

		// 	marker.setMap(map);
		// }
		// google.maps.event.addDomListener(window, 'load', initialize);
	</script>
	<style type="text/css">
		.contact-list li{
			padding: 10px 0;
		}
	</style>
	<div class="wrap contact-us-wrap" style="margin-top: 20px;background-color: #fff;">
		<div class="layui-container">
			<div class="layui-card" style="max-width: 1200px;">
			  <div class="layui-card-body">
			  	<ul class="contact-list">
				  	<li>
				  		<img class="vm" style="margin-right: 10px;" src="https://d3s6yopk5rlhed.cloudfront.net/static/images/4_CONTACTUS_01.png">
				  		<span class="vm">1-855-662-7768</span>
				  	</li>
				  	<li>
				  		<img class="vm" style="margin-right: 10px;" src="https://d3s6yopk5rlhed.cloudfront.net/static/images/4_CONTACTUS_02.png">
				  		<span class="vm">Email: contact@homeequityplatform.ca</span>
				  	</li>
				  	<li>
				  		<img class="vm" style="margin-right: 10px;" src="https://d3s6yopk5rlhed.cloudfront.net/static/images/4_CONTACTUS_03.png">
				  		<span class="vm">Address: 360 Hwy 7 unit 28, Richmond Hill, ON L4B 3Y7</span>
				  	</li>
			  	</ul>
			  </div>
			</div>
			<div class="layui-card" style="max-width: 1200px;">
			  <div class="layui-card-body">
			  		<!-- <div id="googleMap" style="width:100%;height:380px;"></div> -->
			  		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2877.6782756226676!2d-79.39901308462095!3d43.84176837911521!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b2b449b5c26dd%3A0xa13465dd8e8b467e!2zMzYwIEh3eSA3ICMyOCwgUmljaG1vbmQgSGlsbCwgT04gTDRCIDNZN-WKoOaLv-Wkpw!5e0!3m2!1szh-CN!2s!4v1541126120630" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
			  </div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="https://d3s6yopk5rlhed.cloudfront.net/static/js/jquery.min.js"></script>
{% endblock %}
